diff --git a/resources/assets/sass/app.scss b/resources/assets/sass/app.scss
index 42fa070..2e8a67c 100644
--- a/resources/assets/sass/app.scss
+++ b/resources/assets/sass/app.scss
@@ -5,4 +5,7 @@
 @import "~open-iconic/font/css/open-iconic-bootstrap";
 
 // Legacy app styles
-@import "tissue.css";
\ No newline at end of file
+@import "tissue.css";
+
+// Components
+@import "components/link-card";
\ No newline at end of file
diff --git a/resources/assets/sass/components/_link-card.scss b/resources/assets/sass/components/_link-card.scss
new file mode 100644
index 0000000..db5bf43
--- /dev/null
+++ b/resources/assets/sass/components/_link-card.scss
@@ -0,0 +1,21 @@
+.link-card {
+  .row > div:last-child {
+    max-height: 400px;
+    overflow: hidden;
+
+    // 省略を表す影を付けるやつ
+    &::before {
+      content: '';
+      width: 100%;
+      height: 100%;
+      position: absolute;
+      left: 0;
+      top: 0;
+      background: linear-gradient(transparent 320px, white);
+    }
+  }
+
+  .card-text {
+    white-space: pre-line;
+  }
+}
\ No newline at end of file